@font-face {
  font-family: 'YouSheBiaoTiHei';
  src: url('../../assets/font/YouSheBiaoTiHei-2.ttf');
}


button[ant-click-animating-without-extra-node]:after {
  border: 0 none;
  opacity: 0;
  animation: none 0 ease 0 1 normal;
}


.login {
  width: 99vw;

  height: 99vh;

  background: url("../../assets/img/bgImage.png") no-repeat fixed;

  background-repeat: no-repeat;
  position: relative;

  .zz {
    position: absolute;
    z-index: 22;
    width: 55%;
    height: 100%;
    background: rgba(155, 155, 155, 0.39);
    opacity: .2;
  }

  .loginDetailDiv {
    position: relative;
    width: 45%;
    float: right;
    height: 100%;

    .loginDetailImgDiv {
      position: absolute;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%;
      overflow: hidden;

      background: url("../../assets/img/bgImage.png") no-repeat fixed;
      background-repeat: no-repeat;
      overflow: hidden;
      filter: blur(20px);
    }

    .loginDiv {
      left: 50%;
      top: 0;
      position: absolute;
      width: 35%;
      transform: translateX(-50%);

      height: 100%;
      margin: 0% auto;
      text-align: center;
      padding-top: 20%;
      z-index: 1;
      overflow: hidden;

      .captcha {
        display: flex;
        justify-content: space-between;
      }


      .loginButtonText {

        height: 40px;
        width: 50%;
        font-family: PingFang SC;
        border: none;
        background: none;
        border-bottom: 2px solid #d9d9d9;
      }

      .loginButtonSelected {
        border-bottom: 2px solid #457Ef2;
      }


      .login-form {
        padding-top: 13%;

        .remember {
          padding-top: 15%;

          .ant-form-item-control-input-content {
            display: flex;
            justify-content: space-between;
          }
        }

        .login-form-button {
          width: 100%;
          background: #457EF2;
        }
      }


      .loginTitle {
        font-size: 36px;
        font-family: YouSheBiaoTiHei;
        font-weight: 400;
        line-height: 65px;
        color: #457EF2;
        padding-bottom: 15%;
      }
    }
  }
}




.simple-verify {
  box-sizing: border-box;
  line-height: 1;
  position: relative;
  -webkit-user-select: none; }
  .simple-verify .verify-tips {
    widows: 100%;
    height: 100%;
    color: #9CA0A7;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    font-size: 14px;
    pointer-events: none; }
  .simple-verify .verify-box {
    position: absolute;
    left: -1px;
    top: -1px;
    width: calc(100% + 2px);
    height: calc(100% + 2px);
    overflow: hidden; }
  .simple-verify .veriry-slide {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    transition: opacity .1s linear, transform .3s ease; }
  .simple-verify .verify-bar {
    position: absolute;
    left: -1px;
    top: -1px;
    width: 50px;
    height: 100%;
    cursor: pointer;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    z-index: 1;
    transition: transform .3s ease;
    touch-action: none; }
    .simple-verify .verify-bar .icon {
      width: 44px;
      height: 29px;
      box-shadow: rgba(113, 114, 119, 0.3) 0 3px 10px;
      border-radius: 4px; }
  .simple-verify .verify-success-tips {
    position: absolute;
    left: -1px;
    top: -1px;
    width: calc(100% + 2px);
    height: calc(100% + 2px);
    color: #fff;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    font-size: 14px;
    font-weight: bold;
    opacity: 0;
    transition: opacity .1s linear;
    pointer-events: none; }
    .simple-verify .verify-success-tips span {
      width: 20px;
      height: 20px;
      margin-right: 8px; }